<template>
  <div id="right">
    <div class="content">
      <alarm-management></alarm-management>
      <device-management></device-management>
      <investment-management></investment-management>
      <duty-management></duty-management>
    </div>
  </div>
</template>
<script>
import AlarmManagement from "./tools/AlarmManagement.vue";
import DeviceManagement from "./tools/DeviceManagement.vue";
import dutyManagement from "./tools/dutyManagement.vue";
import investmentManagement from "./tools/investmentManagement.vue";
export default {
  components: { AlarmManagement, DeviceManagement,dutyManagement,investmentManagement },
};
</script>
<style scoped>
#right {
  color: white;
  height: 2144px;
  background: url("../../../../static/images/rightBackground.png") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.content {
  width: 940px;
  float: right;
  padding: 5px 40px;
}
</style>